<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Stuff Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />

<meta property="og:title" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="" />
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href="https://fonts.loli.net/css?family=Roboto:300,400,700" rel="stylesheet">

<link rel="stylesheet" href="css/animate.css">

<link rel="stylesheet" href="css/icomoon.css">

<link rel="stylesheet" href="css/bootstrap.css">

<link rel="stylesheet" href="css/magnific-popup.css">

<link rel="stylesheet" href="css/flexslider.css">

<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">

<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">

<link rel="stylesheet" href="css/style.css">

<script src="js/modernizr-2.6.2.min.js"></script>

<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
<div class="colorlib-loader"></div>
<div id="page">
<nav class="colorlib-nav" role="navigation">
<div class="top-menu">
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="colorlib-logo"><a href="index.html">Stuff</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Home</a></li>
<li class="has-dropdown active">
<a href="blog.html">Blog</a>
<ul class="dropdown">
<li><a href="single.html">Blog Single</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Read</a></li>
<li><a href="#">Lifestyle</a></li>
</ul>
</li>
<li><a href="event.html">Event</a></li>
<li><a href="travel.html">Travel</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<aside id="colorlib-breadcrumbs">
<div class="container">
<div class="row">
<div class="col-md-12 breadcrumbs text-center">
<h2>Blog detail</h2>
<p><span><a href="index.html">Home</a></span> / <span><a href="blog.html">Blog </a></span> / <span>Blog Single</span></p>
</div>
</div>
</div>
</aside>
<div id="colorlib-container">
<div class="container">
<div class="row">
<div class="col-md-9 content">
<div class="row row-pb-lg">
<div class="col-md-12">
<div class="blog-entry">
<div class="blog-img blog-detail">
<img src="images/blog-4.jpg" class="img-responsive" alt="html5 bootstrap template">
</div>
<div class="desc">
<p class="meta">
<span class="cat"><a href="#">Events</a></span>
<span class="date">20 March 2018</span>
<span class="pos">By <a href="#">Rich</a></span>
</p>
<h2><a href="blog.html">Recipe for your site</a></h2>
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. </p>
<blockquote>
A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
</blockquote>
<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. </p>
</div>
</div>
</div>
</div>
<div class="row row-pb-lg">
<div class="col-md-12">
<h2 class="heading-2">23 Comments</h2>
<div class="review">
<div class="user-img" style="background-image: url(images/person1.jpg)"></div>
<div class="desc">
<h4>
<span class="text-left">Jacob Webb</span>
<span class="text-right">24 March 2018</span>
</h4>
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrov</p>
<p class="star">
<span class="text-left"><a href="#" class="reply"><i class="icon-reply"></i></a></span>
</p>
</div>
</div>
<div class="review">
<div class="user-img" style="background-image: url(images/person2.jpg)"></div>
<div class="desc">
<h4>
<span class="text-left">Jacob Webb</span>
<span class="text-right">24 March 2018</span>
</h4>
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrov</p>
<p class="star">
<span class="text-left"><a href="#" class="reply"><i class="icon-reply"></i></a></span>
</p>
</div>
</div>
<div class="review">
<div class="user-img" style="background-image: url(images/person3.jpg)"></div>
<div class="desc">
<h4>
<span class="text-left">Jacob Webb</span>
<span class="text-right">24 March 2018</span>
</h4>
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrov</p>
<p class="star">
<span class="text-left"><a href="#" class="reply"><i class="icon-reply"></i></a></span>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="heading-2">Say something</h2>
<form action="#">
<div class="row form-group">
<div class="col-md-6">

<input type="text" id="fname" class="form-control" placeholder="Your firstname">
</div>
<div class="col-md-6">

<input type="text" id="lname" class="form-control" placeholder="Your lastname">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">

<input type="text" id="email" class="form-control" placeholder="Your email address">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">

<input type="text" id="subject" class="form-control" placeholder="Your subject of this message">
</div>
</div>
<div class="row form-group">
<div class="col-md-12">

<textarea name="message" id="message" cols="30" rows="10" class="form-control" placeholder="Say something about us"></textarea>
</div>
</div>
<div class="form-group">
<input type="submit" value="Post Comment" class="btn btn-primary">
</div>
</form>
</div>
</div>
</div>
<div class="col-md-3">
<div class="sidebar">
<div class="side">
<div class="form-group">
<input type="text" class="form-control" id="search" placeholder="Enter any key to search...">
<button type="submit" class="btn btn-primary"><i class="icon-search3"></i></button>
</div>
</div>
<div class="side">
<h2 class="sidebar-heading">Categories</h2>
<p>
<ul class="category">
<li><a href="#"><i class="icon-check"></i> Home</a></li>
<li><a href="#"><i class="icon-check"></i> About Me</a></li>
<li><a href="#"><i class="icon-check"></i> Blog</a></li>
<li><a href="#"><i class="icon-check"></i> Travel</a></li>
<li><a href="#"><i class="icon-check"></i> Lifestyle</a></li>
<li><a href="#"><i class="icon-check"></i> Fashion</a></li>
<li><a href="#"><i class="icon-check"></i> Health</a></li>
</ul>
</p>
</div>
<div class="side">
<h2 class="sidebar-heading">Recent Blog</h2>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-1.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">Be a designer</a></h3>
<p class="admin"><span>25 March 2018</span></p>
</div>
</div>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-2.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">How to build website</a></h3>
<p class="admin"><span>24 March 2018</span></p>
</div>
</div>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-3.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">Create website</a></h3>
<p class="admin"><span>23 March 2018</span></p>
</div>
</div>
</div>
<div class="side">
<h2 class="sidebar-heading">Instagram</h2>
<div class="instagram-entry">
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-1.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-2.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-3.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-4.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-5.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-6.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-7.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-8.jpg);">
</a>
</div>
</div>
<div class="side">
<div class="form-group">
<input type="text" class="form-control form-email text-center" id="email" placeholder="Enter your email">
<button type="submit" class="btn btn-primary btn-subscribe">Subscribe</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="colorlib-instagram">
<div class="row">
<div class="col-md-12 col-md-offset-0 colorlib-heading text-center">
<h2>Instagram</h2>
</div>
</div>
<div class="row">
<div class="instagram-entry">
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-1.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-2.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-3.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-4.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-5.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-6.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-7.jpg);">
</a>
<a href="#" class="instagram text-center" style="background-image: url(images/gallery-8.jpg);">
</a>
</div>
</div>
</div>
<footer id="colorlib-footer" role="contentinfo">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-3">
<h2>Navigational</h2>
<p>
<ul class="colorlib-footer-links">
<li><a href="#"><i class="icon-check"></i> Home</a></li>
<li><a href="#"><i class="icon-check"></i> About Me</a></li>
<li><a href="#"><i class="icon-check"></i> Blog</a></li>
<li><a href="#"><i class="icon-check"></i> Travel</a></li>
<li><a href="#"><i class="icon-check"></i> Lifestyle</a></li>
<li><a href="#"><i class="icon-check"></i> Fashion</a></li>
<li><a href="#"><i class="icon-check"></i> Health</a></li>
</ul>
</p>
</div>
<div class="col-md-3">
<h2>Recent Post</h2>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-1.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">Be a designer</a></h3>
<p class="admin"><span>25 March 2018</span></p>
</div>
</div>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-2.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">How to build website</a></h3>
<p class="admin"><span>24 March 2018</span></p>
</div>
</div>
<div class="f-blog">
<a href="blog.html" class="blog-img" style="background-image: url(images/blog-3.jpg);">
</a>
<div class="desc">
<h3><a href="blog.html">Create website</a></h3>
<p class="admin"><span>23 March 2018</span></p>
</div>
</div>
</div>
<div class="col-md-3">
<h2>Archive</h2>
<p>
<ul class="colorlib-footer-links">
<li><a href="#"><i class="icon-check"></i> February 2018</a></li>
<li><a href="#"><i class="icon-check"></i> January 2018</a></li>
<li><a href="#"><i class="icon-check"></i> December 2017</a></li>
<li><a href="#"><i class="icon-check"></i> November 2017</a></li>
<li><a href="#"><i class="icon-check"></i> October 2017</a></li>
<li><a href="#"><i class="icon-check"></i> September 2017</a></li>
</ul>
</p>
</div>
<div class="col-md-3">
<h2>Tags</h2>
<p class="tags">
<span><a href="#"><i class="icon-tag"></i> Modeling</a></span>
<span><a href="#"><i class="icon-tag"></i> Fashion</a></span>
<span><a href="#"><i class="icon-tag"></i> Life</a></span>
<span><a href="#"><i class="icon-tag"></i> Blog</a></span>
<span><a href="#"><i class="icon-tag"></i> Workout</a></span>
<span><a href="#"><i class="icon-tag"></i> Vacation</a></span>
<span><a href="#"><i class="icon-tag"></i> Travel</a></span>
<span><a href="#"><i class="icon-tag"></i> Exercise</a></span>
<span><a href="#"><i class="icon-tag"></i> Health</a></span>
<span><a href="#"><i class="icon-tag"></i> News</a></span>
<span><a href="#"><i class="icon-tag"></i> Model</a></span>
<span><a href="#"><i class="icon-tag"></i> Women</a></span>
<span><a href="#"><i class="icon-tag"></i> Animals</a></span>
<span><a href="#"><i class="icon-tag"></i> Nature</a></span>
<span><a href="#"><i class="icon-tag"></i> Art</a></span>
<span><a href="#"><i class="icon-tag"></i> Sea</a></span>
<span><a href="#"><i class="icon-tag"></i> Ocean</a></span>
<span><a href="#"><i class="icon-tag"></i> Office</a></span>
<span><a href="#"><i class="icon-tag"></i> Home</a></span>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>
<small class="block">
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://8m2.net" target="_blank">8m2</a>
</small>
<small class="block">Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
</div>

<script src="js/jquery.min.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.waypoints.min.js"></script>

<script src="js/jquery.flexslider-min.js"></script>

<script src="js/owl.carousel.min.js"></script>

<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>

<script src="js/main.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>
<div style='background: black;color: #2a62bc;font-size: 12px;text-align: center;padding: 10px;'>注意：本模版中所涉及的图片，文字，媒体文件，均仅供个人学习使用。如用于其它目的，请自行承担相应的道德和法律责任。</div></body>
</html>
